<template>
<div>
  <template v-for="i in states">
    <div class="job">
      <el-row type="flex">
        <el-col style="text-align: left" :span="3">{{i.name}}
        </el-col>
        <el-col :span="3">
          [{{i.location}}]
        </el-col>
        <el-col style="text-align: right">
          <el-avatar :src="i.logo" size="medium"></el-avatar>
          {{i.companyName}}
        </el-col>
      </el-row>
      <el-row type="flex" justify="start">
        <el-col :span="2" style="text-align: left;color: red">
          {{i.salary}}
        </el-col>
      </el-row>
      <el-steps :active="i.state+1" :align-center="true" finish-status="success">
        <el-step title="待查看"></el-step>
        <el-step title="通过初筛"></el-step>
        <el-step title="约面试"></el-step>
      </el-steps>
    </div>
  </template>


</div>
</template>

<script>
import {requests} from "@/utils/request";

export default {
  name: "delivery",
  data(){
    return{
      states:[]
    }
  },
  mounted() {
    this.getState()
  },
  methods:{
    getState(){
      requests.get("user/deliverState").then(res=>{
        this.states=res.data.data
      })
    }
  }
}
</script>

<style scoped>
.job{
  background-color: white;
  padding: 10px;
  margin-bottom: 4px;
}
</style>